<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>06_CSS3-新增文本属性-文本换行-</title>

        <style>
            p {
                width: 600px;
                height: 200px;
                border: 1px solid black;

                white-space: normal;
                /* 不换行 */
                white-space: nowrap;

                /* 按原文显示 不换行 */
                white-space: pre;

                /* 按原文显示 换行 */
                white-space: pre-wrap;

                white-space: pre-line;
            }
        </style>
    </head>
    <body>
        <p>
            鹅鹅鹅,
            曲项向天歌,
            白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,
            红掌拨清波。
            鹅鹅鹅,
            曲项向天歌,
            白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,
            红掌拨清波。
            鹅鹅鹅,
            曲项向天歌,
            白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,
            红掌拨清波。
            鹅鹅鹅,
            曲项向天歌,
            白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,
            红掌拨清波。
            鹅鹅鹅,
            曲项向天歌,
            白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,
            红掌拨清波。
            鹅鹅鹅,
            曲项向天歌,
            白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,
            红掌拨清波。
            鹅鹅鹅,
            曲项向天歌,
            白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,白毛浮绿水,
            红掌拨清波。
        </p>
    </body>
</html>